﻿body
{
	font-family: Calibri;
	font-size: normal;
}
A:link { color: #000000;}
A:visited { color: #000000;}
A:active { color: #000000;}

#container
{
	margin: 0px auto;
	width: 1024px;
	padding: 0px;
	border: 1px solid #B5C7DE;
}
#header
{
	background-color:#EFF3FB;
	background: transparent url(../images/banner.jpg) repeat scroll 0 -47px;
	height:140px;
	width:100%;
	position: relative;
}
.login, #loginstatus
{
	position: absolute;
	right: 10px;
	top: 10px;	
	background-color: #ADD8E6; 
}
#loginstatus
{
	padding: 5px;
}
.loginnaam
{
	font-weight:bold;
}

.afmelden_button
{
	padding-left: 5px;
	padding-right: 5px;
}

#menu
{
	width: 15%;
	min-width: 120px;
	float: left;
	background-color: #EFF3FB;
	min-height: 500px;
	border-top: 1px solid #B5C7DE;
	border-right:1px solid #B5C7DE;
}
#menulist
{
	list-style: none;
	text-align: left;
	padding-left: 10px;
}
#content
{
	background-color: #EFF3FB;
	width: auto;
	border-top: 1px solid #B5C7DE;
	min-height: 500px;
	margin-left: 154px;
	position: relative;
}

.kolommen
{
	min-width:200px;
}
#zoeken
{
	margin-top:10px;
}
.zoekLabel
{
   color:White;
   background-color:#507CD1;
   font-size:0.9em;
   font-weight:bold;

}
#details_image
{
	float: left;
	margin: 5px;
}
#details_content
{
	padding: 5px;
}
.paneluitgebreid
{
	text-align:center;
	margin-top:20px;
}

.close_button
{
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}
.details_plaatje
{
	cursor: pointer;
}
.details_plaatje_groot
{
	cursor: default;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}
#details_groot_tekst
{
	margin: 5px;
	float: left;
	margin-top: 30px;
}

.background_opacity
{
	width: 100%; 
	height: 100%; 
	position: absolute; 
	background-color: black; 
	top: 0px;
	display:none; 
	left: 0px; 
	z-index: 10;
	opacity: 0.5;
}
		
.instructions {
	position:		absolute;
	left:			18px;
	color:			black;
	width:			300px;
	text-align:		center;
}

.rating {
	position:		absolute;
	width:			300px;
	height:			50px;
	top:			300px;
	background:		transparent url(../images/ratingbg.png) no-repeat top left;
}

.starbg {
	position:		relative;
	background:		transparent url(../images/starbg.png) no-repeat top left;
	width:			300px;
	height:			50px;
	cursor:			pointer;
	left:			10px;
}

.stars {
	position:		relative;
	background:		transparent url(../images/stars.png) no-repeat top left;
	width:			300px;
	height:			50px;
}

.kop_popup
{
	font-size:16px;
	font-weight:bold;
}

.winkelwagen
{
	background: #ADD8E6;
	padding: 5px;
	margin: 5px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
	display: inline-block;
	width:130px;
}
.koop_knop
{
	position: absolute; 
	-webkit-transition: all 500ms ease; 
	cursor: pointer; 
	top: 25px;	
	right: 360px;	
	z-index: 1;
}

.koop_knop:hover
{
	-webkit-transform: rotate(20deg);
}

#popup_cover_binnen
{
	position: absolute; 
	width: 640px; 
	height: 480px; 
	z-index: 20; 
	background-color: white; 
	top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 50px;
}

.cover_koop_knopje
{
	-webkit-transition: all 500ms ease; 
	cursor: pointer; 
}

.cover_koop_knopje:hover
{
	-webkit-transform: rotate(20deg);
}

.grid_games
{
	margin: 15px;
	float: none;
}

.grid_covers
{
	margin: 15px;
	display: block;
}

table[id*="GridView"]
{
	float: none;

}






